// pages/15-component/15-component.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    items: [
      {id: 1, name: '首页', isActive: true},
      {id: 2, name: '通讯录', isActive: false},
      {id: 3, name: '发现', isActive: false},
      {id: 4, name: '我的', isActive: false},
    ]
  },

  feathSelectItem(e){
    console.log(e);
    
    //得到子组件传递过来的数据index
    const index = e.detail.index
    console.log(index);
    
    //自身数据自身控制数据状态
    /// 排他算法 改变数据 数值 最好先 深拷贝数据 不改变原始数据， 直到数据并更完成 更新视图 时再去改变原始数据
    const list = JSON.parse(JSON.stringify(this.data.items))
    list.forEach((v, i) => i === index ? v.isActive =true : v.isActive= false)

    // 设置data并执行视图层渲染
    this.setData({
      items: list
    })
  }
  
})